//(1) 引入Vue 和 Vuex 
import Vue from 'vue'
import Vuex from 'vuex'
//(2) 使用Vuex
Vue.use(Vuex)
//(3) 创建store 对象 

const store = new Vuex.Store({
    //state中是需要管理的全局变量
    state: {
        userName: '12321',
        hasLogin: false,
        num: 0,
    },
    actions: {
        init() {
            this.commit('initNum', 100)
        }

    },
    //mutations 是操作state中变量的方法
    mutations: {
        login(state, name) {  //登录成功修改 全局变量
            state.userName = name;
            state.hasLogin = true;
        },
        loginOut(state) {     //退出登录修改 全局变量
            state.userName = '';
            state.hasLogin = false;
        },
        initNum(state, num) {
            state.num = num

        }
    }

})
export default store
